<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Chapter 5: Blood Red</title>

<link rel="shortcut icon" href="images/2reading.gif">
<link href="foti.css" rel="stylesheet" type="text/css">

<style type="text/css">
#bg, #char {display: none;}

#canvas {
	width: 800px;
	height: 600px;
	background: #fff;
	margin: 10px auto 0 auto;
	border: 5px double #aa9e8c;
}


</style>


<script type="text/javascript">
var vc, vctx, vi1, bgr;
	function init(){
		vc = document.getElementById("canvas");
		vctx = vc.getContext("2d");
		bgr = document.getElementById("bg");
		vctx.drawImage(bgr,0,0,800,600);
		vi1 = document.getElementById("char");
		setInterval("animation()",700);		
	}
	
	var dax=0; counter=0;
	function animation(){
		if(counter >= 13) counter = 0; else counter++;
		vctx.drawImage(bgr,0,0,800,600);
		vctx.drawImage(vi1,dax,0,800,600,0,0,800,600);
		dax=800*counter;

	}
</script>


</head>
<body onload="init()">

	<h1>FIGMENT OF THE IMAGINATION</h1>
	<h2>Chapter 5: Blood Red</h2>
	<h2>Scene 1: Just Another Dream</h2>


<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>

<div id="content">

<center><canvas id="canvas" width=800 height=600></canvas></center>

<center><img src="images/photo.png" width=800 style="margin:-5px 0 0 0;"></center>
<img id="bg" src="images/ch5/sofa.png" width=800 height=600>
<img id="char" src="images/ch5/dream.png">

<div id="scenetext">
<p>
This could be the most distressful day for Ada. First was her abominable dream, then accusing her of making up 
stories about her conversing with the love of her life, babysitting duties, and the worst; the excruciating 
headache. Good things were never expected to arise from nowhere, not with every abhorring events that occurred. 
Ada decided to doze off on the couch. <br><br>

She was awakened by the presence of someone, despite her eyes shut. Pulling the courage to open them, she 
breathed heavily, feeling the air hit her face. Not hers. As she revealed her eyes, a familiar face was gazing 
at her. John. Their faces only an inch apart. Ada could not move nor release a sound. Their eyes fixed on the 
other, both motionless. John leaned closer. Ada, still frozen, thought this would be her first kiss. But instead 
of feeling his lips with hers, a loud howl emerged from his mouth. <br> <br>

Charlie had awakened.
</p>

<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>
	
</div>

<div align="center" style="padding-bottom: 30px;">
<a href="Chapter5.jsp" title="Back to Preview"><button id="button">BACK</button></a>
<a href="tableofcontent.jsp" title="Back to Table of Contents"><button id="button2">TABLE OF CONTENTS</button></a>
<a href="Chapter5Scene2.jsp" title="Lump On Forehead"><button id="button">NEXT</button></a>
</div>

</div>


</body>
</html>

